<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/category.css">
    <title>新品 | Bobbi Brown芭比波朗官方网站</title>
</head>
<body>
    <header class="header"></header>
    <!-- 商品页 -->
    <div class="category">
        <h2><a href="/index.html">首页</a>/分类</h2>
        <div class="sortbox">
            <span>共计100个产品</span>
            <span>
                <select name="" id="select" placeholder="请选择">             
                    <option disabled="disabled" selected="selected">综合排序</option>
                    <option id="up" value="up">价格从低到高</option>
                    <option id="down" value="down">价格从高到低</option>
           
                </select>
            </span>
        </div>
        <ul class="goods" id="goodsList">
            
        </ul>
        <script type="text/html" id="categoryTempalte">
            {{each list item}}
                <li>
                    <a href="/html/detail.html?id={{item.id}}">
                    <div>
                        <img src="{{item.src}}">
                    </div>
                    <h3>{{item.title}}</h3>
                    <p class="goods-special">{{item.special}}</p>
                    <p class="goods-sale">{{item.sale}}</p>
                    <p class="goods-price">￥{{item.price}}</p>
                </a>
                </li>   
            {{/each}}
        </script>
        <p class="fenye">
            <span id="fenye1">1</span>
            <span id="fenye2">2</span>
            <span id="fenye3">3</span>
            <span id="fenye4">4</span>
        </p>
    </div>
      
    <footer class="footer"></footer>
    <script src="/libs/require/require.min.js" data-main="/js/category"></script>
</body>
</html>